import React from 'react';
import { BookOpen } from 'lucide-react';

const App: React.FC = () => {
    return <div className="mx-auto flex max-w-sm items-center gap-x-4 rounded-xl bg-white p-6 shadow-lg outline outline-black/5 dark:bg-slate-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10">
        {/* <img className="size-12 shrink-0" src="/img/logo.svg" alt="ChitChat Logo" /> */}
        <BookOpen className="text-green-500 mb-2 mx-auto size-12" />
        <div>
            <div className="text-xl font-medium text-black dark:text-white">ChitChat</div>
            <p className="text-gray-500 dark:text-gray-400">You have a new message!</p>
        </div>
    </div>
};

export default App;